<template>
  <div>
    <!-- <my-product
    ></my-product> -->
    <my-product
      title="椰子鸡儿"
      :price="123"
      :info="msg"
    ></my-product>
    <my-product
      title="椒麻鸡儿"
      :price="29"
    ></my-product>
  </div>
</template>

<script>
// 1. 引入
import MyProduct from './components/MyProduct.vue'

export default {
  // 2. 注册
  components: {
    MyProduct
  },
  data() {
    return {
      msg: '鲜嫩多汁!酸辣可口!',
    }
  },
}
</script>

<style>

</style>